<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>产品</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/header.css">
  <link rel="stylesheet" href="../css/footer.css">
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../css/product.css">
</head>

<body>

  <div>
    <!-- header start-->
    <header class="Top">
      <div class="TopBox">
        <a class="Logo" href="/index.aspx"><img alt="" src="http://www.szsuccess.com.cn/cn/images/logo.png"></a>
        <nav class="MainNav">
          <ul>
            <li>
              <a id="langShow" class="navA" href="javascript:void(0);" name="多语言">
                English
                <span class="caret"></span>
              </a>
              <div class="subnav" style="display: none;" id='language'>
                <dl>
                  <dt><a>小日本语言</a></dt>
                  <dt><a>English</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav7" class="navA" href="javascript:void(0);" name="联系我们">联系我们</a>
              <div class="subnav" style="display: none;">
                <dl>
                  <dt><a href="contact_us.html">联系方式</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav6" class="navA" href="javascript:void(0);">关于我们</a>
              <div class="subnav" style="display: none;">
                <dl>
                  <dt><a href="introduction.html">美津简介</a></dt>
                  <dt><a href="team.html">团队及优势</a></dt>
                  <dt><a id="dt30" href="brand_customers.html">品牌客户</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav5" class="navA" href="javascript:void(0);" name="投资者关系">合作加盟</a>
              <div class="subnav" style="display: none;">
                <dl>
                  <dt><a id="dt29" href="cooperation.html">合作方案</a></dt>
                  <dt><a id="dt31" href="careers.html" target="_blank">招贤纳士</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav4" class="navA" href="javascript:void(0);" name="新闻资讯">新闻资讯</a>
              <div class="subnav" style="display: none;">
                <dl>
                  <dt><a href="news.html">公司新闻</a></dt>
                  <dt><a href="tradeshows.html">行业新闻</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav3" class="navA" href="javascript:void(0);" name="新闻中心">行业应用</a>
              <div class="subnav" style="display: none;">
                <dl>
                  <dt><a href="yingyong.html">天线</a></dt>
                  <dt><a href="yingyong.html">感应器</a></dt>
                  <dt><a href="yingyong.html">感应器</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav2" class="navA" href="javascript:void(0);" name="关于宇顺">产品&介绍</a>
              <div class="subnav" style="display: none;">
                <dl>
                  <dt><a href="product.html">天线</a></dt>
                  <dt><a href="product.html">感应器</a></dt>
                  <dt><a href="product.html">医疗</a></dt>
                  <dt><a href="product.html">汽车</a></dt>
                </dl>
              </div>
            </li>
            <li><a id="nav1" class="navA" href="index.html">首页</a></li>
          </ul>
        </nav>
      </div>
    </header>
    <!-- header  end -->
    <section>
      <div class="breadcrumbs-wrap hidden-sm hidden-xs">
        <div class="container">
          <div class="row">
            <ul class="breadcrumbs">
              <!--Navigation-one-->
              <li class="main-item home main-ber">
                <a href="/">首页</a>
                <span class="arrow-link"></span>
              </li>
              <li class="main-item project main-ber">
                <a>产品范围</a>
                <span>
                  <a class="arrow-link"></a>
                </span>

              </li>
              <li class="main-item cms_page">
                <strong>光纤</strong>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="pageColor2">
        <div class="container">
          <div class="padding_center">
            <div class="important-connection">
              <p>简化即是创新</p>
            </div>
            <div class="center-content">
              <div class="top">
                <img class="top-img" src="../images/1080px-475px-no-keep-frame-keep-aspect-ratio-Radiall-Website-Header-Images_Active-Optics2_1.jpg">
                <div class="text-icons">
                  <div class="page-title">
                    <h2>有源光学器件</h2>
                  </div>
                  <div class="std">
                    <p>雷迪埃进一步扩充了高性能光学互联解决方案，加入了有源光学器件 D-Lightsys®。我们的产品组合丰富全面，可为客户提供适合恶劣环境的光收发器和电子解决方案。</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="applications">
            <h3>主动光学子范畴</h3>
            <div class="applications_list">
              <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                <div class="sizing-box">
                  <a href="product_details.html">
                    <div class="sizing-box-s">
                      <img class="back" src="../images/col-mian-b-1.png">
                      <div class="back-opa-c"></div>
                    </div>
                  </a>
                  <div class="product-name2">
                    <p>S-LIGHT</p>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                <div class="sizing-box">
                  <div class="sizing-box-s">
                    <span class="product-pages-info"></span>
                    <ul class="product-pages-info-subcategories hide-subcategories">
                      <li><strong>D-Light</strong></li>
                      <li><a href="d-light/multiple-channel-transmitter-dlt-xx-xxx-ix-pxx-lvv.asp">Multiple Channel
                          Transmitter (DLT-xx-xxx-Ix-Pxx-Lvv)</a></li>
                      <li><a href="d-light/multiple-channel-receiver-dlr-xx-xxx-ix-pxx-lvv.asp">Multiple Channel
                          Receiver
                          (DLR-xx-xxx-Ix-Pxx-Lvv)</a></li>
                      <li><a href="d-light/multiple-channel-transceiver-dlm-xx-xxx-ix-pxx-lvv.asp">Multiple Channel
                          Transceiver (DLM-xx-xxx-Ix-Pxx-Lvv)</a></li>
                    </ul>
                    <a href="product_details.html">
                      <div class="sizing-box-s">
                        <img class="back" src="../images/col-mian-b-2.png">
                        <div class="back-opa-c"></div>
                      </div>
                    </a>
                  </div>
                  <div class="product-name2">
                    <p>D-LIGHT</p>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                <div class="sizing-box">
                  <a href="product_details.html">
                    <div class="sizing-box-s">
                      <img class="back" src="../images/F-Light_LEVEL-1.png">
                      <div class="back-opa-c"></div>
                    </div>
                  </a>
                  <div class="product-name2">
                    <p>F-LIGHT</p>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-6 col-xs-12 mb-20">
                <div class="sizing-box">
                  <a href="product_details.html">
                    <div class="sizing-box-s">
                      <img class="back" src="../images/Evaluation-Boards-and-Tooling_LEVEL-1.png">
                      <div class="back-opa-c"></div>
                    </div>
                  </a>
                  <div class="product-name2">
                    <p>评估板和工具</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- footer -->
    <footer class="index_footer">
      <ul class="footer_ul">
        <li>
          <p class="footer_title">产品&介绍</p>
          <ul>
            <li><a href="">天线</a></li>
            <li><a href="">天线</a></li>
            <li><a href="">天线</a></li>
          </ul>
        </li>
        <li>
          <p class="footer_title">行业应用</p>
          <ul class="footer_item_wrap">
            <li><a href="">天线</a></li>
            <li><a href="">感应器</a></li>
            <li><a href="">医疗</a></li>
            <li><a href="">汽车</a></li>
            <li><a href="">穿戴</a></li>
            <li><a href="">照明</a></li>
          </ul>
        </li>
        <li>
          <p class="footer_title">新闻资讯</p>
          <ul>
            <li><a href="">公司新闻</a></li>
            <li><a href="">行业新闻</a></li>
          </ul>
        </li>
        <li>
          <p class="footer_title">合作加盟</p>
          <ul>
            <li><a href="">合作方案</a></li>
            <li><a href="">品牌客户</a></li>
          </ul>
        </li>
        <li>
          <p class="footer_title">关于我们</p>
          <ul>
            <li><a href="">美津简介</a></li>
            <li><a href="">美津优势</a></li>
            <li><a href="">美津文化</a></li>
            <li><a href="">办公及团队</a></li>
          </ul>
        </li>
      </ul>
      <div class="footer_bottom">地址：深圳市深圳市深圳市深圳市深圳市1013号　　电话：0755-000000　　版权所有：美津传媒有限公司 粤ICP备00000007号-1 </div>
      <p class="backTop"><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span></p>
    </footer>
    <!-- footer  end-->
  </div>
  <script src="../js/jquery.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script>
    var navID = 2;
    $(function() {
      $('.product-pages-info').click(function() {
        $(this).toggleClass('product-pages-info-active');
        $(this).siblings('.product-pages-info-subcategories').toggleClass('hide-subcategories');
      })
    })
  </script>
  <script src="../js/common/common.js"></script>
</body>

</html>